//导航条
var $navs = $('menu a'),          
$sections = $('.info'),       
$window = $(window),
navLength = $navs.length - 1;
$window.on('scroll', function() {
    var scrollTop = $window.scrollTop(),
    len = navLength;
    for (; len > -1; len--) {
        var that = $sections.eq(len);
        if (scrollTop >= that.offset().top) {
            $navs.removeClass('current').eq(len).addClass('current');
            break;
            }
        }
});

//滚动条
var progressBar = document.getElementById('progress');
var timer = setInterval(function(){
    if(progress.style.width=="60%"){
        clearInterval(timer);
        return
    }
    progress.style.width=parseInt(progress.style.width)+1+'%';
},80)
var progressBa = document.getElementById('progres');
var time = setInterval(function(){
    if(progres.style.width=="70%"){
        clearInterval(time);
        return
    }
    progres.style.width=parseInt(progres.style.width)+1+'%';
},80)
var progressB = document.getElementById('progre');
var tim = setInterval(function(){
    if(progre.style.width=="20%"){
        clearInterval(tim);
        return
    }
    progre.style.width=parseInt(progre.style.width)+1+'%';
},80)
var progressC = document.getElementById('pro');
var ti = setInterval(function(){
    if(pro.style.width=="10%"){
        clearInterval(ti);
        return
    }
    pro.style.width=parseInt(pro.style.width)+1+'%';
},80)

